Produced by Araxis Merge on 2021-05-13 09:09:35 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type1.rtl.css | 2018-06-13 20:40:52 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type1.rtl.css | 2021-04-23 07:52:38 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 2 | 6 |
| Changed | 2 | 82 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | .page-header.type1 .minicart-wrapper{position:absolute;top:50%;left:15px;margin-top:-20px} | 1 | .page-header.type1 .header-contact { | |||
| 2 | .page-header.type1 .logo{margin:28px 0} | 2 | display: inline-flex; | |||
| 3 | 3 | align-items: center; | ||||
| 4 | @media only screen and (max-width:767px){ | 4 | line-height: 22px; | |||
| 5 | .page-header.type1 .nav-toggle{float:left} | 5 | font-size: .9em; | |||
| 6 | .page-header.type1 .logo{height:40px;float:right;margin:10px 0 | 6 | } | |||
| 7 | .page-header.type1 .logo img{max-width:100%;max-height:100%;width:auto} | 7 | .page-header.type1 .header-contact .my-account { | |||
| 8 | .page-header.type1 .minicart-wrapper{position:relative;top:auto;left:auto;right:auto;margin:10px 0;float:left} | 8 | display: inline-block; | |||
| 9 | .page-header.type1 .block-search{float:none;margin-bottom:0} | 9 | padding: 0 .125rem; | |||
| 10 | .page-header.type1 .block-search .label{float:left;margin:10px 0;line-height:40px;margin-left:10px} | 10 | font-size: 24px; | |||
| 11 | .page-header.type1 .custom-block | 11 | vertical-align: middle; | |||
| 12 | } | |||||
| 13 | .page-header.type1 .header-contact .my-account i,.page-header.type1 .header-contact .wishlist i { | |||||
| 14 | font-size: 27px; | |||||
| 15 | display: block; | |||||
| 16 | } | |||||
| 17 | ||||||
| 18 | .page-header.type1 .search-area .minisearch .actions button {width: 46px;line-height: 1;} | |||||
| 19 | .page-header.type1 .search-category {left: 46px !important;} | |||||
| 20 | @media (max-width:991px){ | |||||
| 21 | .page-header.type1 .minicart-wrapper { | |||||
| 22 | margin-right: .3125rem; | |||||
| 23 | } | |||||
| 24 | .page-header.type1 .custom-block {display: none;} | |||||
| 12 | } | 25 | } | |||
| 13 | 26 | |||||
| 14 | @media all and (min-width:768px),print{ | 27 | @media | |||
| 15 | header.page-header.sticky-header.type1 .nav-sections{background-color:#fff} | 28 | .page-header.type1 .search-area .block.block-search {border: none;} | |||
| 16 | .page-header.type1{background-color:#fff;color:#777} | 29 | .page-header.type1.sticky-header .navigation {display: flex;align-items: center;} | |||
| 17 | .page-header.type1>.panel.wrapper{background-color:#f0f0ed;color:#777} | 30 | .page-header.type1 .sticky-logo | |||
| 18 | .page-header.type1 .panel.header .switcher{border-right:1px solid #ccc;padding:0 15px} | 31 | .page-header.type1 .sticky-logo .logo {display: block;} | |||
| 19 | .page-header.type1 .panel.header .switcher:first-child{border-right:0;padding-right:0} | 32 | .page-header.type1 .navigation:not(.side-megamenu) > ul {display: flex;align-items: center;flex-wrap: wrap;} | |||
| 20 | .page-header.type1 .panel.header .switcher:last-child{padding-left:0} | 33 | .page-header.type1 .navigation:not(.side-megamenu) | |||
| 21 | .page-header.type1 .panel.header .header.links>li>a{color:#08c} | 34 | font-size: 12px; | |||
| 22 | .page-header.type1 .panel.header .header.links>li>a:hover{color:#08c} | 35 | font-weight: 600; | |||
| 23 | .page-header.type1 .nav-sections{background-color:transparent;color:#777;margin-bottom:15px} | 36 | line-height: 12px; | |||
| 24 | .page-header.type1 .navigation{background-color:transparent;padding:0 15px} | 37 | letter-spacing: -.3px; | |||
| 25 | .page-header.type1 .navigation>ul{padding:0;background-color:#f0f0ed;border-radius:5px} | 38 | padding: 18px 0 18px 0; | |||
| 26 | .page-header.type1 .navigation li.level0{margin-left:3px;color:#08c} | 39 | } | |||
| 27 | .page-header.type1 .navigation li.level0.last{margin-left:0} | 40 | .page-header .sw-megamenu.navigation li.level0.staticwidth > .submenu .level1 > a, | |||
| 28 | .page-header.type1 .navigation li.level0>.level-top{color:inherit;padding:0 20px;line-height:40px} | 41 | .page-header .sw-megamenu.navigation li.level0.fullwidth > .submenu .level1 > a { | |||
| 29 | .page-header.type1 .navigation li.level0>.level-top:focus{color:inherit} | 42 | color: #333; | |||
| 30 | .page-header.type1 .navigation | 43 | } | |||
| 31 | .page-header.type1 .navigation li.level0.active,.page-header.type1 .navigation li.level0:hover{border-radius:5px;color:#fff;background-color:#08c} | |||||
| 32 | .page-header.type1 .navigation li.level0.parent:hover{border-radius:5px 5px 0 0} | |||||
| 33 | .page-header.type1 .navigation li.level0.parent>a:after{line-height:40px} | |||||
| 34 | .page-header.type1 .block-search{margin-right:55px} | |||||
| 35 | .page-header.type1 .block-search input{background-color:#fff;color:#777;border-color:#dbe0e2} | |||||
| 36 | .page-header.type1 .search-category select{border-left:0} | |||||
| 37 | .page-header.type1 .block-search .action.search{border-right:1px solid #ccc;padding:0 13px} | |||||
| 38 | .page-header.type1 .block-search .action.search:focus:before{color:#777} | |||||
| 39 | .page-header.type1 .block-search .action.search:before,.page-header.type1 .block-search .action.search:hover:before{color:#777} | |||||
| 40 | .page-header.type1 .block-search .action.search:hover{border-right-width:1px} | |||||
| 41 | .page-header.type1 .custom-block{height:40px;line-height:40px;position:absolute;top:50%;left:60px;margin-top:-20px;font-size:14px;color:#777} | |||||
| 42 | .page-header.type1 .custom-block>*{display:inline-block;vertical-align:middle} | |||||
| 43 | .page-header.type1 .custom-block>a{font-size:12px} | |||||
| 44 | } | 44 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.